<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>科级管理人员个人有关事项报告管理系统</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <link rel="shortcut icon" href="media/image/favicon.ico" />
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="media/css/bootstrap-fileupload.css" />
    <link rel="stylesheet" type="text/css" href="media/css/jquery.gritter.css" />
    <link rel="stylesheet" type="text/css" href="media/css/chosen.css" />
    <link rel="stylesheet" type="text/css" href="media/css/select2_metro.css" />
    <link rel="stylesheet" type="text/css" href="media/css/jquery.tagsinput.css" />
    <link rel="stylesheet" type="text/css" href="media/css/clockface.css" />
    <link rel="stylesheet" type="text/css" href="media/css/bootstrap-wysihtml5.css" />
    <link rel="stylesheet" type="text/css" href="media/css/datepicker.css" />
    <link rel="stylesheet" type="text/css" href="media/css/timepicker.css" />
    <link rel="stylesheet" type="text/css" href="media/css/colorpicker.css" />
    <link rel="stylesheet" type="text/css" href="media/css/bootstrap-toggle-buttons.css" />
    <link rel="stylesheet" type="text/css" href="media/css/daterangepicker.css" />
    <link rel="stylesheet" type="text/css" href="media/css/datetimepicker.css" />
    <link rel="stylesheet" type="text/css" href="media/css/multi-select-metro.css" />
    <link href="media/css/bootstrap-modal.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE LEVEL STYLES -->
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<%--<body class="page-header-fixed page-full-width">--%>
<body class="page-header-fixed page-sidebar-closed">
<!-- BEGIN HEADER -->
    <!-- BEGIN TOP NAVIGATION BAR -->
    <jsp:include page="../fragment/header.jsp"/>
    <!-- END TOP NAVIGATION BAR -->
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<div class="page-container" >
    <!-- BEGIN SIDEBAR -->
    <jsp:include page="../fragment/sidebar.jsp"/>
    <!-- END SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content" style="background-color:#f5f5f5;">
        <!-- BEGIN PAGE CONTAINER-->
        <div class="container-fluid" style="margin-left: -20px;">
            <div class="row-fluid" style="margin-bottom: 5px;">
                <jsp:include page="../fragment/navigation.jsp"></jsp:include>
            </div>
            <div class="row-fluid">
                <div class="span12">
                    <div class="span3">
                        <div class="portlet box green" style="margin-left: 10px">
                            <div class="portlet-title">
                                <div class="caption"><i class="icon-reorder"></i>填报说明</div>
                            </div>
                            <div class="portlet-body">
                                <div class="scroller" data-height="300px">
                                    <p style="color:#6983ff;font-weight: bold">
                                        户籍地址应填写户口簿“住址”栏的详细地址，如发生变化请更新
                                    </p>
                                </div>
                            </div>
                        </div>
                        <form>
                            <div class="form-actions">
                                <a href="hunyin" class="btn blue">填报下一项</a>
                            </div>
                        </form>
                    </div>
                    <div class="span9">
                        <div class="tabbable tabbable-custom tabbable-full-width">
                            <div class="portlet box green">
                                <div class="portlet-title">
                                    <div class="caption"><i class="icon-cogs"></i>本人基本信息</div>
                                    <div class="actions">
                                        <button class="btn light-blue" id="edit-info-btn"><i class="icon-edit"></i> 编辑</button>
                                        <button class="btn light-blue" id="save-info-btn"><i class="icon-plus"></i> 保存</button>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <form action="#" class="horizontal-form" id="basic_info_form">
                                        <div class="row-fluid">
                                            <div class="span12">
                                                <div class="span4 ">
                                                    <a href="#" class="btn dark-grey disabled">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</a><input class="span8 m-wrap" type="text" placeholder="${list[0].C_USERNAME}" disabled />
                                                </div>
                                                <div class="span4 ">
                                                    <a href="#" class="btn dark-grey disabled">民&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;族</a><input class="span8 m-wrap" type="text" placeholder="${list[0].NATION}" disabled />
                                                </div>
                                                <div class="span4 ">
                                                    <a href="#" class="btn dark-grey disabled">职工编号</a><input class="span8 m-wrap" type="text" placeholder="${list[0].C_LOGINNAME}" disabled />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row-fluid">
                                            <div class="span12">
                                                <div class="span4">
                                                    <a href="#" class="btn dark-grey disabled">身份证号</a><input class="span8 m-wrap" type="text" placeholder="${list[0].IDCARDNO}" disabled />
                                                    <input class="hidden" name="comfirm-flag" id="confirm-flag" value="${flag}">
                                                </div>
                                                <div class="span4">
                                                    <a href="#" class="btn dark-grey disabled">户籍地址</a><input class="span8 m-wrap" type="text" name="ADDRESS" id="huji" value="${list[0].ADDRESS}" disabled/>
                                                </div>
                                                <div class="span4">
                                                    <a href="#" class="btn dark-grey disabled" style="margin-top: -10px">职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</a><select id="zhiji" class="span8 m-wrap" name="CLASSES" disabled data-placeholder="Choose a Category" tabindex="1">
                                                    <option value=""></option>
                                                    <option value="正科级" <c:if test="${list[0].CLASSES == '正科级' }">selected</c:if>>正科级</option>
                                                    <option value="副科级" <c:if test="${list[0].CLASSES == '副科级' }">selected</c:if>>副科级</option>
                                                    <option value="普通职工" <c:if test="${list[0].CLASSES == '普通职工' }">selected</c:if>>普通职工</option>
                                                    <option value="厂部助理级" <c:if test="${list[0].CLASSES == '厂部助理级' }">selected</c:if>>厂部助理级</option>
                                                </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row-fluid">
                                            <div class="span12">
                                                <div class="span4">
                                                    <a href="#" class="btn dark-grey disabled" style="margin-top: -10px">工作单位</a><select id="deptid" class="span8 m-wrap" name="C_DEPTID" disabled data-placeholder="Choose a Category" tabindex="1">
                                                    <c:forEach items="${deptname}" var="deptname">
                                                        <option value="${deptname.DEPT_ID}" <c:if test="${list[0].C_DEPTID ==deptname.DEPT_ID}">selected</c:if>>${deptname.DEPT_NAME}</option>
                                                    </c:forEach>
                                                </select>
                                                    <input class="hidden" name="C_USERID"  value="${list[0].C_USERID}" />
                                                    <input class="hidden" name="FLAG"  value="INFO">
                                                </div>
                                                <div class="span4">
                                                    <a href="#" class="btn dark-grey disabled">现任职务</a><input class="span8 m-wrap" name="POST" id="post"  value="${list[0].POST}" disabled/>
                                                </div>
                                                <div class="span4">
                                                    <a href="#" class="btn dark-grey disabled"  style="margin-top: -10px">政治面貌</a><select id="polic" class="span8 m-wrap" name="POLITICALSTATUS" disabled data-placeholder="Choose a Category" tabindex="1">
                                                    <option value=""></option>
                                                    <option value="群众" <c:if test="${list[0].POLITICALSTATUS == '群众' }">selected</c:if>>群众</option>
                                                    <option value="中共党员" <c:if test="${list[0].POLITICALSTATUS == '中共党员' }">selected</c:if>>中共党员</option>
                                                    <option value="其他" <c:if test="${list[0].POLITICALSTATUS == '其他' }">selected</c:if>>其他</option>
                                                </select>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END PAGE CONTAINER-->
    </div>
    <!-- END PAGE -->
</div>
<!-- END CONTAINER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
<script src="media/js/bootstrap.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="media/js/excanvas.min.js"></script>
<script src="media/js/respond.min.js"></script>
<![endif]-->
<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>
<script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>
<script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script>
<!-- END CORE PLUGINS -->
<script src="media/js/app.js"></script>
<script src="media/js/form-components.js"></script>


<script type="text/javascript">
    function test(MENU_URL){
        $.ajax({
            type : 'post',
            url : MENU_URL,
            async : false,
            contentType: "application/x-www-form-urlencoded; charset=utf-8",
            success : function (data) {
                $("#rightContent").html(data);
            }
        });
    }
</script>
<script>
    $('#gerenEditBtn').on('click',function(){
        $.ajax({
            type : 'post',
            url : 'getHunYinSingleFlag',
            async : false,
            success : function(data){
                if(data.data=='true'){
                    $('#geren_first').removeAttr("disabled");
                    $('#geren_change').attr("disabled","disabled");
                    $('#data_picker_hunyin').attr("disabled","disabled");
                    $('#geren_info').attr("disabled","disabled");
                    $('#geren_reason').attr("disabled","disabled");
                }else{
                    $('#geren_first').attr("disabled","disabled");
                    $('#geren_change').removeAttr("disabled");
                    $('#data_picker_hunyin').removeAttr("disabled");
                    $('#geren_info').removeAttr("disabled");
                    $('#geren_reason').removeAttr("disabled");
                }
            }
        });
    });
</script>


<script>
    $('#edit-info-btn').on('click',function(){
        $("#huji").removeAttr("disabled");
        $("#zhiji").removeAttr("disabled");
        $("#deptid").removeAttr("disabled");
        $("#post").removeAttr("disabled");
        $("#polic").removeAttr("disabled");
    })
</script>

<script>
    $('#save-info-btn').on('click',function(){
        $.ajax({
            type : 'post',
            url : 'singleInfoSave',
            async : true,
            data : $('#basic_info_form').serialize(),
            success : function(){
                $("#huji").attr("disabled","disabled");
                $("#zhiji").attr("disabled","disabled");
                $("#deptid").attr("disabled","disabled");
                $("#post").attr("disabled","disabled");
                $("#polic").attr("disabled","disabled");
            }
        })
    })
</script>


<script>
    jQuery(document).ready(function() {
        $('#basic').addClass("green");
        App.init();
        FormComponents.init();
    });
</script>
<!-- END JAVASCRIPTS -->
<script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script></body>
<!-- END BODY -->
</html>